<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <h1 class="mui-title">PE Tools</h1>
	</header>
	<div class="mui-content-padded" style="text-align: center;">
	<button id='ummil' class="mui-btn mui-btn-block mui-btn-green" style="margin-top: 30%;">微米和mil转换器</button>
	<button id='fab' class="mui-btn mui-btn-block mui-btn-green" style="margin-top: 10%;">MBD-FAB计算器</button>
	<button id='dpw' class="mui-btn mui-btn-block mui-btn-green" style="margin-top: 10%;">每片wafer的Die数量计算(DPW)</button>
	<button id='quit' class="mui-btn mui-btn-block mui-btn-danger" style="margin-top: 10%;">退出</button>
	<p style="margin-top: 20%;">This App Just Want You Work More Effieicent</p>
	<p style="margin-bottom: 10%;">Calculation Result Just For Reference ^_^</p>
	</div>
	
	<script>
	mui.init();
	mui.plusReady(function(){
		mui.preload({
			url:'ummil.html',
			id:'ummil.html'
		});
		mui.preload({
			url:'fab.html',
			id:'fab.html'
		});
		mui.preload({
			url:'dpw.html',
			id:'dpw.html'
		});
	});
		
		
		var open1=document.getElementById('ummil').addEventListener('tap',function(){
			plus.webview.show('ummil.html','slide-in-right',300)
		});
		var open2=document.getElementById('fab').addEventListener('tap',function(){
			plus.webview.show('fab.html','slide-in-right',300)
		});
		var open2=document.getElementById('dpw').addEventListener('tap',function(){
			plus.webview.show('dpw.html','slide-in-right',300)
		});
		var quit1=document.getElementById('quit').addEventListener('tap',function(){
			var btnarray=['Yes','No'];
			mui.confirm('确定要狠心退出吗 !_!','退出',btnarray,function(e){
				if (e.index==1){
					plus.runtime.quit()
				}else{
					return
				};
			});
		});
	</script>
</body>
</html>